<template>
  <div>
    <div v-for="(item,i) in cardList" :key="i" style="width:20%;padding:10px;">
      <appCard :title="item.clTitle" :iconName="item.clIcon" :acIndex="i" :acPath="item.clPath"></appCard>
    </div>
  </div>
</template>

<script>
import appCard from "./app-card.vue";
export default {
  components: {
    appCard
  },
  data() {
    return {
      cardList: [
        {
          clTitle: "新闻审核",
          clIcon: "md-albums",
          clPath: "/main/newsReview"
        },
        {
          clTitle: "新闻上报",
          clIcon: "md-add",
          clPath: "/main/newsReport"
        },
        {
          clTitle: "稿件列表",
          clIcon: "logo-android",
          clPath: "/main/manuscriptList"
        },
        {
          clTitle: "新闻审核",
          clIcon: "md-albums",
          clPath: "/main/newsReview"
        },
        {
          clTitle: "新闻上报",
          clIcon: "md-add",
          clPath: "/main/newsReport"
        },
        {
          clTitle: "稿件列表",
          clIcon: "logo-android",
          clPath: "/main/manuscriptList"
        }
      ]
    };
  },
  methods: {}
};
</script>

<style scoped>
</style>
